<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/template/layout.xhtml">

<ui:define name="body">

	<h:panelGroup layout="block" style="width: 100%;">
		<p:spacer height="20" />
	</h:panelGroup>

	<h:panelGroup layout="block" id="homeLadoE">
		  <div id="slideshow">
		    <div id="slidesContainer">
		      <div class="slide">
		      	<img src="img/img_slide_01.jpg" />  
		      </div>
		      <div class="slide">
		        
		      </div>
		      <div class="slide">
		        
		      </div>
		      <div class="slide">
		        
		      </div>
		    </div>
		  </div>
	</h:panelGroup>
	
	<h:panelGroup layout="block" id="homeLadoD">
		<h:panelGroup layout="block" class="content">
			<h:panelGroup layout="block" styleClass="boxButton boxLaranja">
				<h:panelGroup layout="block" styleClass="linkButton">
					<span class="skinButton">EMPRESA</span>
				</h:panelGroup>
				<h:panelGroup layout="block" styleClass="imgButton">
					<p:graphicImage url="/img/seta.png" />
				</h:panelGroup>
			</h:panelGroup>
			
			<p:spacer height="10" />
			
			<h:panelGroup layout="block" styleClass="boxButton boxVerde">
				<h:panelGroup layout="block" styleClass="linkButton">
					<span class="skinButton">SERVICOS</span>
				</h:panelGroup>
				<h:panelGroup layout="block" styleClass="imgButton">
					<p:graphicImage url="/img/seta.png" />
				</h:panelGroup>
			</h:panelGroup>
			
			<p:spacer height="10" />
			
			<h:panelGroup layout="block" styleClass="boxButton boxCyan">
				<h:panelGroup layout="block" styleClass="linkButton">
					<span class="skinButton">CLIENTES</span>
				</h:panelGroup>
				<h:panelGroup layout="block" styleClass="imgButton">
					<p:graphicImage url="/img/seta.png" />
				</h:panelGroup>
			</h:panelGroup>
			
			<p:spacer height="10" />
			
			<h:panelGroup layout="block" id="boxPrincipal">
				<h:panelGroup layout="block" id="textoPrincipal">
					Texto da tela principal do site
				</h:panelGroup>
			</h:panelGroup>
		</h:panelGroup>
	</h:panelGroup>
	
	<h:panelGroup layout="block" style="width: 100%;">
		<p:spacer height="20" />
	</h:panelGroup>

</ui:define>

</ui:composition>